<template>
  <div class="infinite-container">
    <div class="re">
      <div class="barcode text-center bgwhite">
        <div class="pd10 f12">请向医院窗口工作人员出示此条形码</div>
        <barcode :value="order.tradeNo" style="width:70%;height:100px;" :options="{ displayValue: false }"></barcode>
   
      </div>
      <div class="detail pd20 re bgwhite">
        <!-- <div class="unpayed"></div> -->
        <mu-flexbox class="mb10">
          <mu-flexbox-item class="t3">充值金额</mu-flexbox-item>
          <mu-flexbox-item class="text-right t5">{{order.payAmount | fixedMoney}}</mu-flexbox-item>
        </mu-flexbox>
        <mu-flexbox class="mb10">
          <mu-flexbox-item class="t3">就诊人</mu-flexbox-item>
          <mu-flexbox-item class="text-right">{{order.realname}}</mu-flexbox-item>
        </mu-flexbox>
        <!-- <mu-flexbox class="mb10">
          <mu-flexbox-item class="t3">住院号码</mu-flexbox-item>
          <mu-flexbox-item class="text-right">{{order.illNo}}</mu-flexbox-item>
        </mu-flexbox> -->
        
        <mu-flexbox class="mb10">
          <mu-flexbox-item class="t3">交易流水号</mu-flexbox-item>
          <mu-flexbox-item class="text-right" :grow="3">{{order.tradeNo}}</mu-flexbox-item>
        </mu-flexbox>
        <mu-flexbox class="mb10">
          <mu-flexbox-item class="t3">支付时间</mu-flexbox-item>
          <mu-flexbox-item class="text-right">{{order.payedTime}}</mu-flexbox-item>
        </mu-flexbox>
        <mu-flexbox class="mb10">
          <mu-flexbox-item class="t3">付款方式</mu-flexbox-item>
          <mu-flexbox-item class="text-right">{{order.payMode}}</mu-flexbox-item>
        </mu-flexbox>
      </div>

      <div class="content-box mt10">
        <div class="content-title">
          <div>交易说明</div>
        </div>
        <div class="pd10">
        如需对账户内余额办理退款，请到医院窗口咨询，并向工作人员出示本页。
        </div>
      </div>

    </div>
  </div>
</template>

<script>
import barcode from '@xkeshi/vue-barcode'
export default {
  components: {barcode},
  data () {
    return {
      order: {}
    }
  },
  mounted () {
    this.init()
  },
  methods: {
    init () {
      this.order = this.$route.query
    }
  }
}
</script>

<style scoped>
.detail {
  border-top: 1px solid #f5f5f5;
  padding-top: 20px;
}
</style>
